<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <title>mainadmin1</title>
  <!-- Bootstrap core CSS-->
  <link href="${rc.contextPath}/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <!-- Custom fonts for this template-->
  <link href="${rc.contextPath}/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <!-- Page level plugin CSS-->
  <link href="${rc.contextPath}/vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
  <!-- Custom styles for this template-->
  <link href="${rc.contextPath}/css/sb-admin.css" rel="stylesheet">
</head>

<body class="fixed-nav sticky-footer bg-dark" id="page-top">
  <!-- Navigation-->
  <!--nav start-->
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
    <a class="navbar-brand" href="index.html">退役军人信息管理系统</a> 
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav navbar-sidenav" id="exampleAccordion">
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="信息管理">
          <a class="nav-link" href="index_main3.ftl">
            <i class="fa fa-fw fa-dashboard"></i>
            <span class="nav-link-text">信息管理</span>
          </a>
        </li>
        <!-- <li class="nav-item" data-toggle="tooltip" data-placement="right" title="用户管理">
          <a class="nav-link" href="user.html">
            <i class="fa fa-fw fa-area-chart"></i>
            <span class="nav-link-text">用户管理</span>
          </a>
        </li> -->

        <!--Menu Levels-->
        <li class="nav-item" data-toggle="tooltip" data-placement="right" title="友情链接">
          <a class="nav-link nav-link-collapse collapsed" data-toggle="collapse" href="#collapseMulti" data-parent="#exampleAccordion">
            <i class="fa fa-fw fa-sitemap"></i>
            <span class="nav-link-text">友情链接</span>
          </a>
          <ul class="sidenav-second-level collapse" id="collapseMulti">
            <li>
              <a href="#">政工网站</a>
            </li>
            <li>
              <a href="#">治安网站</a>
            </li>
            <li>
              <a href="#">法制在线</a>
            </li>

          </ul>
        </li>

      </ul>
      <!--最小化左边栏目-->
      <ul class="navbar-nav sidenav-toggler">
        <li class="nav-item">
          <a class="nav-link text-center" id="sidenavToggler">
            <i class="fa fa-fw fa-angle-left"></i>
          </a>
        </li>
      </ul>
      <!--右上角列表-->
      <ul class="navbar-nav ml-auto">
        <!--退出-->
        <li class="nav-item">
          <a class="nav-link" data-toggle="modal" data-target="#exampleModal">
            <i class="fa fa-fw fa-sign-out"></i>退出</a>
        </li>
      </ul>
    </div>
  </nav>
<!--nav end-->

  <div class="content-wrapper">

    <div class="container-fluid">
      <!-- Breadcrumbs-->
      <ol class="breadcrumb">
        <li class="breadcrumb-item">
          <a href="#">管理系统</a>
        </li>
        <li class="breadcrumb-item active">信息管理</li>
        <li class="breadcrumb-item active"><a href="#">添加信息</a></li>
      </ol>

<!-- Icon Cards-->
      <!-- <div class="row">
        <div class="col-xl-3 col-sm-6 mb-3">
         <div class="card text-white bg-primary o-hidden h-100">
            <div class="card-body">
              <div class="mr-5">26 New Messages!</div>
            </div>
            
          </div> 
        </div>
        <div class="col-xl-3 col-sm-6 mb-3">
          <div class="card text-white bg-warning o-hidden h-100">
            <div class="card-body">
              <div class="mr-5">11 New Tasks!</div>
            </div>
          </div>
        </div>
        <div class="col-xl-3 col-sm-6 mb-3">
          <div class="card text-white bg-success o-hidden h-100">
            <div class="card-body">
              <div class="mr-5">123 New Orders!</div>
            </div>
          </div>
        </div>
        <div class="col-xl-3 col-sm-6 mb-3">
          <div class="card text-white bg-danger o-hidden h-100">
            <div class="card-body">
              <div class="mr-5">13 New Tickets!</div>
            </div>
          </div>
        </div>
      </div> -->

      <!-- Area Chart Example-->
      <!-- <div class="card mb-3">
        <div class="card-header">
          <i class="fa fa-area-chart"></i>统计分析</div>
        <div class="card-body">
          <div id="container1"></div>
        </div>
        <div class="card-footer small text-muted" id="time1" style="color: blueviolet;"></div>
      </div> -->

          <!-- Example DataTables Card-->
          <div class="card mb-3">
            <div class="card-header">
              <i class="fa fa-table"></i> 综合查询</div>
            <div class="card-body">
              <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                  <thead>
                    <tr>
                      <th>Name</th>
                      <th>Position</th>
                      <th>Office</th>
                      <th>Age</th>
                      <th>Start date</th>
                      <th>Salary</th>
                      <th>操作</th>
                    </tr>
                  </thead>
                  <tfoot>
                    <tr>
                      <th>Name</th>
                      <th>Position</th>
                      <th>Office</th>
                      <th>Age</th>
                      <th>Start date</th>
                      <th>Salary</th>
                      <th>操作</th>
                    </tr>
                  </tfoot>
                  <tbody>
                    <tr>
                      <td>Tiger Nixon</td>
                      <td>System Architect</td>
                      <td>Edinburgh</td>
                      <td>61</td>
                      <td>2011/04/25</td>
                      <td>$320,800</td>
                      <td><a href="#">添加</a>|<a href="#">删除</a>|<a href="#">修改</a>|<a href="#">查看详情</a></td>
                    </tr>
                  
                    <tr>
                      <td>Donna Snider</td>
                      <td>Customer Support</td>
                      <td>New York</td>
                      <td>27</td>
                      <td>2011/01/25</td>
                      <td>$112,000</td>
                      <td><a href="#">添加</a>|<a href="#">删除</a>|<a href="#">修改</a>|<a href="#">查看详情</a></td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            <div class="card-footer small text-muted" id="time2" style="color: blueviolet;"></div>
          </div>

    <!-- /.container-fluid-->
    <!-- /.content-wrapper-->
    <footer class="sticky-footer">
      <div class="container">
        <div class="text-center">
          <small>Copyright © 管理系统 2018</small>
        </div>
      </div>
    </footer>
    <!-- Scroll to Top Button-->
    <a class="scroll-to-top rounded" href="#page-top">
      <i class="fa fa-angle-up"></i>
    </a>
    <!-- Logout Modal-->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">确定退出?</h5>
            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">选择'确定'退出当前登录账号</div>
          <div class="modal-footer">
            <button class="btn btn-secondary" type="button" data-dismiss="modal">取消</button>
            <a class="btn btn-primary" href="login.html">确定</a>
          </div>
        </div>
      </div>
    </div>
    <!-- Bootstrap core JavaScript-->
    <script src="${rc.contextPath}/vendor/jquery/jquery.min.js"></script>
    <script src="${rc.contextPath}/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- Core plugin JavaScript-->
    <script src="${rc.contextPath}/vendor/jquery-easing/jquery.easing.min.js"></script>
    <!-- Page level plugin JavaScript-->
    <script src="${rc.contextPath}/vendor/chart.js/Chart.min.js"></script>
    <script src="${rc.contextPath}/vendor/datatables/jquery.dataTables.js"></script>
    <script src="${rc.contextPath}/vendor/datatables/dataTables.bootstrap4.js"></script>
    <!-- Custom scripts for all pages-->
    <script src="${rc.contextPath}/js/sb-admin.min.js"></script>
    <!-- Custom scripts for this page-->
    <script src="${rc.contextPath}/js/sb-admin-datatables.min.js"></script>
    <script src="${rc.contextPath}/js/sb-admin-charts.min.js"></script>
    <!-- new add highcharts-->
    <script src="${rc.contextPath}/vendor/highcharts/highcharts.js"></script>
    <script src="${rc.contextPath}/vendor/highcharts/highcharts-more.js"></script>
    <script src="${rc.contextPath}/vendor/highcharts/highcharts-3d.js"></script>
    <script src="${rc.contextPath}/vendor/highcharts/exporting.js"></script>
    <script src="${rc.contextPath}/vendor/highcharts/drilldown.js"></script>
    <script src="${rc.contextPath}/vendor/highcharts/data.js"></script>
    <!-- new add scrollspy-->
    <script src="${rc.contextPath}/vendor/scrollspy/util.js"></script>
  </div>
</body>

</html>

<script>
  function mytime(){
      var a = new Date();
      var b = a.toLocaleTimeString();
      var c = a.toLocaleDateString();
      document.getElementById("time1").innerHTML = "更新时间:&nbsp"+c+"&nbsp"+b;
      document.getElementById("time2").innerHTML = "更新时间:&nbsp"+c+"&nbsp"+b;
      }
  setInterval(function() {mytime()},1000);
</script>
 
<!-- 
<script>
    $(function () {
              var chart11 = Highcharts.chart('container1', {
                  title: {
                      text: '按各区县统计'
                  },
                  credits: {
                      enabled: false
                  },
                  xAxis: {
                      categories: ['山泉区', '山水区', '水山县', '平安县', '有福县', '富有市', '海云市', '人杰县', '地灵区', '丰收县']
                  },
                  yAxis: {
                      title: {
                          text: '人数'
                      }
                  },
                  series: [{
                      name: '人数',
                      type: 'column',
                      colorByPoint: true,
                      // data: {{ jymonth_totalfee2018Arr }},
                      data: [29, 71, 106, 129, 144, 176, 135, 148, 216, 194],
                      showInLegend: false
                  }]
              });
          });
</script>  -->
